﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="ChangePassword.aspx.vb" Inherits="ExpWeb.ChangePassword1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .validateMsg {
            color:red;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="row">
        <div class="col-md-6">
            <h3>&nbsp;</h3>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    Change Password
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        <label>Old Password</label>
                        <asp:TextBox ID="txtOldPwd" runat="server" TextMode="Password" CssClass="form-control" ValidationGroup="A"></asp:TextBox>
                        <span class="validateMsg">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please enter the old password" ControlToValidate="txtOldPwd" Display="Dynamic" ValidationGroup="A"></asp:RequiredFieldValidator>
                        </span>
                    </div>
                    <div class="form-group">
                        <label>New Password</label>
                        <asp:TextBox ID="txtNewPwd" runat="server" TextMode="Password" CssClass="form-control" ValidationGroup="A"></asp:TextBox>
                        <span class="validateMsg">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Please enter the new password" ControlToValidate="txtNewPwd" Display="Dynamic" ValidationGroup="A"></asp:RequiredFieldValidator>
                        </span>
                    </div>
                    <div class="form-group">
                        <label>Confirm new password</label>
                        <asp:TextBox ID="txtConfirm" runat="server" TextMode="Password" CssClass="form-control" ValidationGroup="A"></asp:TextBox>
                        <span class="validateMsg">
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Please confirm new password" ControlToValidate="txtConfirm" Display="Dynamic" ValidationGroup="A"></asp:RequiredFieldValidator>
                            <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="New password and confirm must to be same." ControlToCompare="txtNewPwd" ControlToValidate="txtConfirm" Operator="Equal" ValidationGroup="A"></asp:CompareValidator>
                        </span>
                    </div>
                    <div class="form-group">
                        <span class="validateMsg">
                            <asp:Label ID="lblStatus" runat="server" Text="The old password is incorrect!!" Visible="false"></asp:Label>
                        </span>
                    </div>
                </div>
                <div class="panel-footer">
                    <asp:Button ID="btnSubmit" runat="server" Text="Submit" CssClass="btn btn-default" ValidationGroup="A" />
                    <asp:Button ID="btnCancel" CausesValidation="false" runat="server" Text="Cancel" CssClass="btn btn-default" />
                </div>
            </div>
        </div>
    </div>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script type="text/javascript">
        ActiveMenuIndex(3);
    </script>
</asp:Content>
